function loadMdRecord(idCanvas) {

	var R_Font1 = 'bold 14px  "Meiryo", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Osaka", "Verdana", "arial", "sans-serif"';
	var R_Font2 = 'bold 20px  "Meiryo", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Osaka", "Verdana", "arial", "sans-serif"';
	var R_Font3 = 'bold 11px  "Meiryo", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Osaka", "Verdana", "arial", "sans-serif"';
	var R_FontRtn = 'bold 28px  "Meiryo", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Osaka", "Verdana", "arial", "sans-serif"';
	var R_SchoolTxt = '';
	var R_SexTxt = '';
	var R_TypeTxt = '';
	var R_StarURL = '/static/image/star.png';

	jc.start(idCanvas, true);

	// 選手の描画
	var imgRCG = new Image();
	imgRCG.src = '/static/image/mdkbr/' + playerCG;
	imgRCG.onload = function() {
		jc.image(imgRCG, 120, 40, 150, 300, 50, 0, 200, 400).id("R_CG").layer('R_L_1');
		jc('#R_CG').visible(true);
		var imgStr = new Image();
		imgStr.src = R_StarURL;
		imgStr.onload = function() {
//			jc.image(imgStr, 190, 190).id('R_Str1').visible(false).layer('R_L_1');
//			jc.image(imgStr, 210, 190).id('R_Str2').visible(false).layer('R_L_1');
//			jc.image(imgStr, 230, 190).id('R_Str3').visible(false).layer('R_L_1');
			jc.image(imgStr, 190, 190).id('R_Str1').visible(false).layer('R_L_1');
			jc.image(imgStr, 190, 210).id('R_Str2').visible(false).layer('R_L_1');
			jc.image(imgStr, 190, 230).id('R_Str3').visible(false).layer('R_L_1');
			if(playerStr == '1'){
				jc('#R_Str1').visible(true);
			} else if(playerStr == '2'){
				jc('#R_Str1').visible(true);
				jc('#R_Str2').visible(true);
			} else if(playerStr == '3'){
				jc('#R_Str1').visible(true);
				jc('#R_Str2').visible(true);
				jc('#R_Str3').visible(true);
			}
		}
	}

	if(playerSchool == '001'){
		R_SchoolTxt = 'いなほ学園';
	} else if(playerSchool == '002'){
		R_SchoolTxt = 'かえで学院';
	} else if(playerSchool == '003'){
		R_SchoolTxt = 'あさぎ付属';
	} else if(playerSchool == '004'){
		R_SchoolTxt = 'もえぎ高校';
	}

	if(playerSex == '1'){
		R_SexTxt = '男子';
	} else {
		R_SexTxt = '女子';
	}

	if(playerType == 'KI'){
		R_TypeTxt = '木';
	} else if(playerType == 'HI'){
		R_TypeTxt = '火';
	} else if(playerType == 'KIN'){
		R_TypeTxt = '金';
	} else if(playerType == 'DO'){
		R_TypeTxt = '土';
	} else if(playerType == 'SUI'){
		R_TypeTxt = '水';
	}

	jc.rect(0, 45, 290, 375, 'rgba(34,34,34)', 1).layer('R_L_1').opacity(1);
	jc.text("【選手名】", 10, 80, 'rgb(255,255,255)').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text(playerName, 30, 100, 'rgb(255,255,255)').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text("【所属校】", 10, 120, 'rgb(255,255,255)').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text(R_SchoolTxt, 30, 140, 'rgb(255,255,255)').id('R_RSchoolTxt').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text("【性別】", 10, 160, 'rgb(255,255,255)').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text(R_SexTxt, 30, 180, 'rgb(255,255,255)').id('R_RSexTxt').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text("【得意属性】", 10, 200, 'rgb(255,255,255)').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text(R_TypeTxt, 30, 220, 'rgb(255,255,255)').id('R_RTypeTxt').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text("【レベル】", 10, 240, 'rgb(255,255,255)').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text(userLevel, 30, 260, 'rgb(255,255,255)').id('R_RTypeTxt').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text("【経験値】", 10, 280, 'rgb(255,255,255)').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text(userExp, 30, 300, 'rgb(255,255,255)').id('R_RTypeTxt').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text("【対戦成績】", 10, 320, 'rgb(255,255,255)').font(R_Font1).layer('R_L_1').opacity(1);
	jc.text("対戦", 20, 340, 'rgb(255,255,255)').font(R_Font3).layer('R_L_1').opacity(1);
	jc.text("勝ち", 60, 340, 'rgb(255,255,255)').font(R_Font3).layer('R_L_1').opacity(1);
	jc.text("負け", 100, 340, 'rgb(255,255,255)').font(R_Font3).layer('R_L_1').opacity(1);
	jc.text(battleCount, 40, 360, 'rgb(255,255,255)').align('right').id('R_RBCount').font(R_Font3).layer('R_L_1').opacity(1);
	jc.text(winCount, 80, 360, 'rgb(255,255,255)').align('right').id('R_RWCount').font(R_Font3).layer('R_L_1').opacity(1);
	jc.text(loseCount, 120, 360, 'rgb(255,255,255)').align('right').id('R_RLCount').font(R_Font3).layer('R_L_1').opacity(1);


	// メニューへ戻るボタン
	jc.rect(90, 380, 120, 30, 'rgba(256,153,0)', 1).shadow({
		x : 5,
		y : 5,
		color : '#000000'
	}).id("R_Btn_Return").mouseover(function() {
		jc('#R_rtnMenu').color('#ffff00');
	}).mouseout(function() {
		jc('#R_rtnMenu').color('rgb(0,0,0)');
	}).click(function() {
		jc.canvas(idCanvas).clear();
		loadMdMenu(idCanvas);
	}).layer('R_L_2');

	// メニューへ戻る
	jc.text("戻　る", 150, 405, 'rgb(0,0,0)').id('R_rtnMenu').font(R_FontRtn).align('center').layer('R_L_2');

	jc.layer('R_L_2').objects().mouseover(function() {
		jc('#R_rtnMenu').color('#ffff00');
	}).mouseout(function() {
		jc('#R_rtnMenu').color('rgb(0,0,0)');
	});


	// ランキングボタン
	jc.rect(15, 10, 260, 30, 'rgba(256,153,0)', 1).shadow({
		x : 5,
		y : 5,
		color : '#000000'
	}).id("R_Btn_Rank").mouseover(function() {
		jc('#R_showRank').color('#ffff00');
	}).mouseout(function() {
		jc('#R_showRank').color('rgb(0,0,0)');
	}).click(function() {
		var RC_1d = new Date();
		$.getJSON('../main/mdRecordRanking' + '?_=' + RC_1d.getMilliseconds() , {
			userId : userId,
			idCanvas : idCanvas
		}, callbackRanking, "json");

	}).layer('R_L_3');

	// ランキングを見る
	jc.text("ランキングを見る", 145, 35, 'rgb(0,0,0)').id('R_showRank').font(R_FontRtn).align('center').layer('R_L_3');

	jc.layer('R_L_3').objects().mouseover(function() {
		jc('#R_showRank').color('#ffff00');
	}).mouseout(function() {
		jc('#R_showRank').color('rgb(0,0,0)');
	});

	jc.rect(0, 45, 290, 375, 'rgba(34,34,34)', 1).layer('R_L_4');
	jc.text("全国勝利数ランキング", 145, 30, 'rgb(255,255,255)').font(R_Font2).align('center').layer('R_L_4');
	jc.text("選手名", 60, 50, 'rgb(255,255,255)').font(R_Font1).layer('R_L_4');
	jc.text("対戦", 170, 50, 'rgb(255,255,255)').font(R_Font1).layer('R_L_4');
	jc.text("勝ち", 210, 50, 'rgb(255,255,255)').font(R_Font1).layer('R_L_4');
	jc.text("負け", 250, 50, 'rgb(255,255,255)').font(R_Font1).layer('R_L_4');
	jc.text("第１位", 5, 80, 'rgb(255,0,0)').font(R_Font1).layer('R_L_4');
	jc.text("第２位", 5, 110, 'rgb(0,0,255)').font(R_Font1).layer('R_L_4');
	jc.text("第３位", 5, 140, 'rgb(0,255,0)').font(R_Font1).layer('R_L_4');
	jc.text("第４位", 5, 170, 'rgb(255,255,255)').font(R_Font1).layer('R_L_4');
	jc.text("第５位", 5, 200, 'rgb(255,255,255)').font(R_Font1).layer('R_L_4');
	jc.text("第６位", 5, 230, 'rgb(255,255,255)').font(R_Font1).layer('R_L_4');
	jc.text("第７位", 5, 260, 'rgb(255,255,255)').font(R_Font1).layer('R_L_4');
	jc.text("第８位", 5, 290, 'rgb(255,255,255)').font(R_Font1).layer('R_L_4');
	jc.text("第９位", 5, 320, 'rgb(255,255,255)').font(R_Font1).layer('R_L_4');
	jc.text("第10位", 5, 350, 'rgb(255,255,255)').font(R_Font1).layer('R_L_4');

	jc.text("－", 60, 80, 'rgb(255,255,255)').font(R_Font1).id('R_no1Name').layer('R_L_4');
	jc.text("－", 60, 110, 'rgb(255,255,255)').font(R_Font1).id('R_no2Name').layer('R_L_4');
	jc.text("－", 60, 140, 'rgb(255,255,255)').font(R_Font1).id('R_no3Name').layer('R_L_4');
	jc.text("－", 60, 170, 'rgb(255,255,255)').font(R_Font1).id('R_no4Name').layer('R_L_4');
	jc.text("－", 60, 200, 'rgb(255,255,255)').font(R_Font1).id('R_no5Name').layer('R_L_4');
	jc.text("－", 60, 230, 'rgb(255,255,255)').font(R_Font1).id('R_no6Name').layer('R_L_4');
	jc.text("－", 60, 260, 'rgb(255,255,255)').font(R_Font1).id('R_no7Name').layer('R_L_4');
	jc.text("－", 60, 290, 'rgb(255,255,255)').font(R_Font1).id('R_no8Name').layer('R_L_4');
	jc.text("－", 60, 320, 'rgb(255,255,255)').font(R_Font1).id('R_no9Name').layer('R_L_4');
	jc.text("－", 60, 350, 'rgb(255,255,255)').font(R_Font1).id('R_no10Name').layer('R_L_4');

	jc.text("－", 200, 80, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no1BTCnt').layer('R_L_4');
	jc.text("－", 200, 110, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no2BTCnt').layer('R_L_4');
	jc.text("－", 200, 140, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no3BTCnt').layer('R_L_4');
	jc.text("－", 200, 170, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no4BTCnt').layer('R_L_4');
	jc.text("－", 200, 200, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no5BTCnt').layer('R_L_4');
	jc.text("－", 200, 230, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no6BTCnt').layer('R_L_4');
	jc.text("－", 200, 260, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no7BTCnt').layer('R_L_4');
	jc.text("－", 200, 290, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no8BTCnt').layer('R_L_4');
	jc.text("－", 200, 320, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no9BTCnt').layer('R_L_4');
	jc.text("－", 200, 350, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no10BTCnt').layer('R_L_4');

	jc.text("－", 240, 80, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no1WinCnt').layer('R_L_4');
	jc.text("－", 240, 110, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no2WinCnt').layer('R_L_4');
	jc.text("－", 240, 140, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no3WinCnt').layer('R_L_4');
	jc.text("－", 240, 170, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no4WinCnt').layer('R_L_4');
	jc.text("－", 240, 200, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no5WinCnt').layer('R_L_4');
	jc.text("－", 240, 230, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no6WinCnt').layer('R_L_4');
	jc.text("－", 240, 260, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no7WinCnt').layer('R_L_4');
	jc.text("－", 240, 290, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no8WinCnt').layer('R_L_4');
	jc.text("－", 240, 320, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no9WinCnt').layer('R_L_4');
	jc.text("－", 240, 350, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no10WinCnt').layer('R_L_4');

	jc.text("－", 280, 80, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no1LoseCnt').layer('R_L_4');
	jc.text("－", 280, 110, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no2LoseCnt').layer('R_L_4');
	jc.text("－", 280, 140, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no3LoseCnt').layer('R_L_4');
	jc.text("－", 280, 170, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no4LoseCnt').layer('R_L_4');
	jc.text("－", 280, 200, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no5LoseCnt').layer('R_L_4');
	jc.text("－", 280, 230, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no6LoseCnt').layer('R_L_4');
	jc.text("－", 280, 260, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no7LoseCnt').layer('R_L_4');
	jc.text("－", 280, 290, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no8LoseCnt').layer('R_L_4');
	jc.text("－", 280, 320, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no9LoseCnt').layer('R_L_4');
	jc.text("－", 280, 350, 'rgb(255,255,255)').font(R_Font3).align('right').id('R_no10LoseCnt').layer('R_L_4');

	// 個人記録へ戻るボタン
	jc.rect(90, 380, 120, 30, 'rgba(256,153,0)', 1).shadow({
		x : 5,
		y : 5,
		color : '#000000'
	}).id("R_Btn_Rec").mouseover(function() {
		jc('#R_rtnRec').color('#ffff00');
	}).mouseout(function() {
		jc('#R_rtnRec').color('rgb(0,0,0)');
	}).click(function() {
		jc.layer('R_L_4').objects().visible(false);
		jc.layer('R_L_5').objects().visible(false);
		jc.layer('R_L_1').objects().visible(true);
		if(playerStr == '1'){
			jc('#R_Str2').visible(false);
			jc('#R_Str3').visible(false);
		} else if(playerStr == '2'){
			jc('#R_Str3').visible(false);
		} else {
			jc('#R_Str1').visible(false);
			jc('#R_Str2').visible(false);
			jc('#R_Str3').visible(false);
		}

		jc.layer('R_L_2').objects().visible(true);
		jc.layer('R_L_3').objects().visible(true);
	}).layer('R_L_5');

	// 個人記録へ戻る
	jc.text("戻　る", 150, 405, 'rgb(0,0,0)').id('R_rtnRec').font(R_FontRtn).align('center').layer('R_L_5');

	jc.layer('R_L_5').objects().mouseover(function() {
		jc('#R_rtnRec').color('#ffff00');
	}).mouseout(function() {
		jc('#R_rtnRec').color('rgb(0,0,0)');
	});

	jc.layer('R_L_4').objects().visible(false);
	jc.layer('R_L_5').objects().visible(false);

	jc.start(idCanvas, true);
}

function callbackRanking(result) {

	if (result.idCanvas != '' && result.userId != '') {
		jc('#R_no1Name').string(result.no1Name);
		jc('#R_no1BTCnt').string(result.no1BTCnt);
		jc('#R_no1WinCnt').string(result.no1WinCnt);
		jc('#R_no1LoseCnt').string(result.no1LoseCnt);
		jc('#R_no2Name').string(result.no2Name);
		jc('#R_no2BTCnt').string(result.no2BTCnt);
		jc('#R_no2WinCnt').string(result.no2WinCnt);
		jc('#R_no2LoseCnt').string(result.no2LoseCnt);
		jc('#R_no3Name').string(result.no3Name);
		jc('#R_no3BTCnt').string(result.no3BTCnt);
		jc('#R_no3WinCnt').string(result.no3WinCnt);
		jc('#R_no3LoseCnt').string(result.no3LoseCnt);
		jc('#R_no4Name').string(result.no4Name);
		jc('#R_no4BTCnt').string(result.no4BTCnt);
		jc('#R_no4WinCnt').string(result.no4WinCnt);
		jc('#R_no4LoseCnt').string(result.no4LoseCnt);
		jc('#R_no5Name').string(result.no5Name);
		jc('#R_no5BTCnt').string(result.no5BTCnt);
		jc('#R_no5WinCnt').string(result.no5WinCnt);
		jc('#R_no5LoseCnt').string(result.no5LoseCnt);
		jc('#R_no6Name').string(result.no6Name);
		jc('#R_no6BTCnt').string(result.no6BTCnt);
		jc('#R_no6WinCnt').string(result.no6WinCnt);
		jc('#R_no6LoseCnt').string(result.no6LoseCnt);
		jc('#R_no7Name').string(result.no7Name);
		jc('#R_no7BTCnt').string(result.no7BTCnt);
		jc('#R_no7WinCnt').string(result.no7WinCnt);
		jc('#R_no7LoseCnt').string(result.no7LoseCnt);
		jc('#R_no8Name').string(result.no8Name);
		jc('#R_no8BTCnt').string(result.no8BTCnt);
		jc('#R_no8WinCnt').string(result.no8WinCnt);
		jc('#R_no8LoseCnt').string(result.no8LoseCnt);
		jc('#R_no9Name').string(result.no9Name);
		jc('#R_no9BTCnt').string(result.no9BTCnt);
		jc('#R_no9WinCnt').string(result.no9WinCnt);
		jc('#R_no9LoseCnt').string(result.no9LoseCnt);
		jc('#R_no10Name').string(result.no10Name);
		jc('#R_no10BTCnt').string(result.no10BTCnt);
		jc('#R_no10WinCnt').string(result.no10WinCnt);
		jc('#R_no10LoseCnt').string(result.no10LoseCnt);

		jc.layer('R_L_4').objects().visible(true);
		jc.layer('R_L_5').objects().visible(true);
		jc.layer('R_L_1').objects().visible(false);
		jc.layer('R_L_2').objects().visible(false);
		jc.layer('R_L_3').objects().visible(false);

		jc.start(result.idCanvas, true);

	}
}
